﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Product.aspx.cs" Inherits="GUI_Product" %>

<asp:Content ID="Content1" ContentPlaceHolderID="ContentMain" Runat="Server">
    <div id="Productnavposition">   
        <div id="Productnavigation">
            <ul>
                <li class="LabelLeft">Clothes</li>
                <li class="btnRight">
                        <asp:LinkButton ID="btnShowProduct" Text="Show all product" runat="server" CssClass="ButtonShowProduct" />
                </li>
            </ul>
        </div>
        <%-- Load 3 Product --%>
        <div id="ListProduct">
            <asp:ListView ID="productsList" runat="server"  ItemPlaceholderID="PlaceHolderProduct" style="margin-left: 97px"   >
                <LayoutTemplate>
                    <ul>
                    <asp:PlaceHolder ID="PlaceHolderProduct" runat="server"/>
                    </ul>
                </LayoutTemplate>

                <ItemTemplate >
                    <li class="itemsListView">
                       <img src="imagesProduct/<%#Eval("productImage") %>" class="logo" />
                        <br/> 
                        <br/> 
                        <a href="#" class="prodtuctName"><%#Eval("productName") %></a><br/>
                         <%#Eval("productPrice") %></t>
                        <asp:Button ID="Button1" runat="server" Text="Buy" />
                    </li>
                </ItemTemplate>
                <EmptyDataTemplate>
                    <h4>
                        Sorry - no products found for Specified catalog
                    </h4>
                </EmptyDataTemplate>
            </asp:ListView>
        </div>
        <div id="DivAccessory">
              <ul>
                   <li class="LabelLeftAccessory">Accessory</li>
                   <li class="btnRightAccessory">
                       <a href="AccesoryShowAll.aspx">Show all accessory</a>
                          
                   </li>
              </ul>
        </div>
        <div id="ListAccessory">
            <asp:ListView runat="server" ID="productAccessory" ItemPlaceholderID="PlaceHolderProductAccessory" style="margin-left:97px;">
                <LayoutTemplate>
                    <ul>
                         <asp:PlaceHolder ID="PlaceHolderProductAccessory" runat="server"/>
                    </ul>
                </LayoutTemplate>
                <ItemTemplate>    
                    <li class="iteamListViewAccessory">
                        <img src="imageThatLung/<%#Eval("productImage") %>" class="logoAccessory" />
                        <br/> 
                        <br/> 
                        <a href="#" class="prodtuctNameAccessory"><%#Eval("productName") %></a><br/>
                         <%#Eval("productPrice") %></t>
                        <asp:Button ID="btnBuyAccesory" runat="server" Text="Buy" />
                    </li>
                </ItemTemplate>
            </asp:ListView>
        </div>
        <div id="ProductBags">
            <ul>
                <li class="LabelLeftBags">Bags</li>
                <li class="btnRightBags">
                        <asp:LinkButton ID="lbtnBags" Text="Show all Bags" runat="server" CssClass="ButtonShowProductBags" />
                </li>
            </ul>
        </div>
        <div id="ListBags">
            <asp:ListView runat="server" ID="productBags" ItemPlaceholderID="PlaceHolderProductBags">
                <LayoutTemplate>
                    <ul>
                         <asp:PlaceHolder ID="PlaceHolderProductBags" runat="server"/>
                    </ul>
                </LayoutTemplate>
                <ItemTemplate>    
                    <li class="iteamListViewBags">
                        <img src="Bags/<%#Eval("productImage") %>" class="logoBags" />
                        <br/> 
                        <br/> 
                        <a href="#" class="prodtuctNameBags"><%#Eval("productName") %></a><br/>
                         <%#Eval("productPrice") %></t>
                        <asp:Button ID="btnBuyBags" runat="server" Text="Buy" />
                    </li>
                </ItemTemplate>
            </asp:ListView>
        </div>
        <div id="footer">   

        </div>
    </div>
</asp:Content>

